{include file="public/header" /}

<body class="sy_bg">

    <!--main start-->
    <div class="sy_tz">
    	<ul>
            {volist name="articleList" id="vo"}
                <li><a href="{:url('index/Article/info')}?aid={$vo.id}">{$vo.title}</a></li>
            {/volist}
        </ul>
    </div>
    <div class="sy_two">
    	<img src="__IMG__/004.png">
    </div>
    <ul class="sy_one">
        <li>
        	<a href="{:url('index/User/heartList')}?me=1">
                <span class="s1"><img src="__IMG__/img1.png" class="img"></span>
                我心动的人
            </a>
        </li>
        <li>
        	<a href="{:url('index/User/heartList')}?me=2">
                <span class="s2"><img src="__IMG__/img2.png" class="img"></span>
                心动我的人
            </a>
        </li>
<!--        <li>-->
<!--        	<a href="#">-->
<!--                <span class="s3"><img src="__IMG__/img3.png" class="img"></span>-->
<!--                系统推荐-->
<!--            </a>-->
<!--        </li>-->
    </ul>
    <div class="lb_one">
        <div class="item">
            <ul id="lb_one" class="content-slider">

                {volist name="list" id="vo"}
                <li>
                    <div class="top">
                        {volist name="vo.habit" id="v"}
                            <span>{$v}</span>
                        {/volist}
                    </div>
                    <div class="img"><img src="{$vo.head_img}"></div>
                    <div class="dz">
                        <span>{$vo.address}距你{$vo.range}km</span>
                    </div>
                    <div class="sy_three">
                        <div class="see li" data-uid="{$vo.id}">
                            <img src="__IMG__/img4.png">
                            <span>观察</span>
                        </div>
                        <div class="spe_beat li" data-uid="{$vo.id}">
                            <img src="__IMG__/img5.png">
                            <span>特别心动</span>
                        </div>
                        <div class="beat li" data-uid="{$vo.id}">
                            <img src="__IMG__/img6.png">
                            <span>心动</span>
                        </div>
                    </div>
                </li>
                {/volist}


            </ul>
        </div>
    </div>
    <!--main end-->
    
    <!--menu start-->
    {include file="public/footer" /}
    <!--menu end-->
    
    <script src="__JS__/lightslider.js"></script>
	<script type="text/javascript">
    $(function(){
        $("#lb_one").lightSlider({item:1,slideMove:1,loop:true,auto:false,mode:'slide',pause:4000,slideMargin:0});
		
		
        var num=$(".sy_tz").find("li").length;
        if (num>1) {
            setInterval(function(){ 
            $('.sy_tz ul').animate({
                marginTop:"-32px"
            },500,function(){
                $(this).css({marginTop : "0"}).find("li:first").appendTo(this);
            });
        }, 3000);
        }

        $('.see').click(function () {
            var uid = $(this).data('uid');
            location.href = "{:url('index/User/info')}?uid="+uid;
        })
        $('.spe_beat').click(function () {
            var uid = $(this).data('uid');
            $.post("{:url('index/User/beat')}", {'uid':uid,'is_spe':1}, function (res) {
                if (res.code == 1) {
                    layer.msg(res.msg, {time: 1000, icon: 1});
                    location.href = "{:url('index/User/HeartList')}?me=1";
                } else {
                    layer.msg(res.msg, {time: 1000, icon: 2});
                }
            });
        })
        $('.beat').click(function () {
            var uid = $(this).data('uid');
            $.post("{:url('index/User/beat')}", {'uid':uid}, function (res) {
                if (res.code == 1) {
                    layer.msg(res.msg, {time: 1000, icon: 1});
                    location.href = "{:url('index/User/HeartList')}?me=1";
                } else {
                    layer.msg(res.msg, {time: 1000, icon: 2});
                }
            });
        })
    })
    </script>

</body>
</html>
